<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title th:text="'你好'">Insert title here</title>

<link th:href="@{/css/modern.css}" rel="stylesheet"/>
<link th:href="@{/css/modern-responsive.css}" rel="stylesheet"/>
<link th:href="@{/css/base.css}" rel="stylesheet"/>
<script type="text/javascript" th:src="@{/js/jquery.js}"></script>
<script type="text/javascript" th:src="@{/js/jquery.mousewheel.js}"></script>
<script type="text/javascript" th:src="@{/js/dropdown.js}"></script>
<script type="text/javascript" th:src="@{/js/input-control.js}"></script>
<script type="text/javascript" th:src="@{/js/tile-slider.js}"></script>
<script type="text/javascript" th:src="@{/js/hammer.js}"></script>
<script type="text/javascript" th:src="@{/js/jquery.specialevent.hammer.js}"></script>

<script type="text/javascript" th:src="@{/js/base.js}"></script>
<script type="text/javascript">
var btnBackNoNeed = true;
</script>
</head>
<body>
<header th:substituteby="common/template::header">
</header>
<div id="scrollContainer" class="span12 no-overflow align-center">
	<div id="scrollDiv" style="width: 1500px; position: relative;height: auto; margin:5px;">
		<div class="span9 place-left metroSection">
			<h2>主控制台</h2>
			<div class="tile double bg-color-purple" data-role="tile-slider" data-param-period="3000">
				<div class="tile-content">
					<h2>新开张</h2>
					<h5>本站新开张，恭喜恭喜啊</h5>
					<p>
					庆祝本站新开张，特送鸡蛋一箩筐
					</p>
				</div>
				<div class="tile-content">
					<h2>新开张</h2>
					<h5>本站新开张，恭喜恭喜啊</h5>
					<p>
					庆祝本站新开张，特送鸡蛋一箩筐
					</p>
				</div>
				<div class="brand">
					<i class="icon-newspaper padding5" style="font-size: 25pt;" ></i>
					<p class="text">新鲜推送</p>
					<div class="badge">2</div>
				</div>
			</div>
			<div class="tile double bg-color-red">
				<div class="tile-content">
				</div>
				<div class="brand">
					<i class="icon-trophy padding5" style="font-size: 25pt;" ></i>
				</div>
			</div>
			<div class="tile double bg-color-green">
				<div class="brand">
					<i class="icon-clipboard-2 padding5" style="font-size: 25pt;"></i>
					<p class="text">返佣记录</p>
				</div>
			</div>
			<a class="tile bg-color-blue" href="login.html" th:href="@{/register.html}">
				<div class="tile-content">
					<div style="margin-top: 20px;">
					<i class="icon-accessibility" style="font-size: 70pt;margin-left:8px;"></i>
					</div>
				</div>
				<div class="brand bg-color-orange">
					<p class="text text-center" style="left:0;right:0;">注册新用户</p>
				</div>
			</a>
			<div class="tile bg-color-orangeDark">
				<div class="tile-content">
					<div style="margin-top: 20px;">
						<i class="icon-help" style="font-size: 70pt;margin-left: 8px;"></i>
					</div>
				</div>
				<div class="brand bg-color-pink">
					<p class="text text-center" style="left:0;right:0;">帮助中心</p>
				</div>
			</div>
		</div>
		<div class="span9 place-left metroSection" style="margin-left: 80px;">
			<h2>个人中心</h2>
			<a href="login.html" th:href="${session.session_user}?@{/i}:@{/login.html}" class="tile double bg-color-purple" th:title="#{info_modify}">
				<div class="tile-content">
					<h2 th:unless="${session.session_user}">请先登录</h2>
					<div id="user-info" th:if="${session.session_user}">
						<img alt="head" th:src="${session.session_user.headerImgId}?${session.session_user.headerImgId}:@{/images/no-header.png}" class="place-left" style="height: 90px;"/>
						<h3 th:text="${session.session_user.firstName}?${session.session_user.firstName}:#{set_firstName}"></h3>
						<h4 th:text="${session.session_user.lastName}?${session.session_user.lastName}:#{set_lastName}"></h4>
						<p>
							<i class="icon-mail"></i>
							<span th:text="${#strings.substring(session.session_user.email, 0, 2)} + '****@' + ${#strings.substringAfter(session.session_user.email, '@')}"></span>
						</p>
						<p>
							<i class="icon-phone"></i>
							<span th:text="${#strings.length(session.session_user.mobile) > 7} ? (${#strings.substring(session.session_user.mobile, 0, 3)} + '****' + ${#strings.substring(session.session_user.mobile, 7, #strings.length(session.session_user.mobile))}) : (${#strings.substring(session.session_user.mobile, 0, 2)} + '****')"></span>
						</p>
					</div>
				</div>
				<div class="brand">
					<i class="icon-user-3" style="font-size: 25pt;"></i>
					<p class="text">个人资料</p>
				</div>
			</a>
			<a href="./account" th:href="@{/account}" class="tile double bg-color-pink" th:if="${session.session_user}">
				<div class="brand">
					<i class="icon-stats-up" style="font-size: 25pt;"></i>
					<p class="text">外汇帐号管理</p>
					<div class="badge" th:text="${accountList}?${#lists.size(accountList)}:0">2</div>
				</div>
			</a>
			<div class="tile double bg-color-red" th:if="${session.session_user}" th:unless="${session.session_user.emailVerified} and ${session.session_user.mobileVerified}">
				<div class="tile-content">
					<h3 id="verify-email"><i class="icon-mail"></i> <span th:text="${#strings.substring(session.session_user.email, 0, 3)} + '***@' + ${#strings.substringAfter(session.session_user.email, '@')}"></span> <i class="icon-cancel-2 icon-checkmark" th:class="${session.session_user.emailVerified}?'icon-checkmark':'icon-cancel-2'"></i></h3>
					<br/>
					<h3 id="verify-mobile"><i class="icon-phone"></i> <span th:text="${#strings.substring(session.session_user.mobile, 0, 3)} + '****' + ${#strings.substring(session.session_user.mobile, 7, #strings.length(session.session_user.mobile))}"></span> <i class="icon-cancel-2 icon-checkmark" th:class="${session.session_user.mobileVerified}?'icon-checkmark':'icon-cancel-2'"></i></h3>
				</div>
				<div class="brand">
					<span class="name">账户信息验证</span>
				</div>
			</div>
			<div class="tile bg-color-orangeDark" th:if="${session.session_user}">
				<div class="tile-content">
					<div style="margin-top: 20px;">
						<i class="icon-calculate" style="font-size: 70pt;margin-left: 8px;"></i>
					</div>
				</div>
				<div class="brand bg-color-pink">
					<p class="text text-center" style="left:0;right:0;">佣金管理</p>
				</div>
			</div>
			<div class="tile bg-color-yellow" th:if="${session.session_user}">
				<div class="tile-content">
					<div style="margin-top: 20px;">
						<i class="icon-monitor" style="font-size: 70pt;margin-left: 8px;"></i>
					</div>
				</div>
				<div class="brand bg-color-pink">
					<p class="text text-center" style="left:0;right:0;">vps管理</p>
				</div>
			</div>
		</div>
	</div>
</div>
<div th:substituteby="common/template::page-settings">
</div>
</body>
</html>